<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文字大小测试</title>
		
		<style>
			/* 2em 等于 父级元素2倍字体大小 */
			div{
				font-size: 20px;
			}
			
			
			
			
		</style>
	</head>
	<body>
		<span style="font-size: 40px;">测试文字1</span>
		<div style="display: inline;background-color: blanchedalmond;width: 600px;">
			测试文字2
			<br>
			<span style="font-size: 2em;">测试文字3</span>
		</div>
		<span style="font-size: 2rem;display: block;background-color: aqua;height: 50px;">测试文字4</span>
		
		
		
	</body>
</html>